<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>${category.name}</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="description" content="${category.description}" />
    <meta name="keywords" content="${category.keywords}" />
    <style>

        .container{
            width:100%;
        }
        /*焦点图*/
        .banner{
            width:100%;
            height:601px;
        }
        .banner img{
            display:block;
            width:100%;
            height:601px;
        }

        /*different*/

        .different{
            width:100%;
            height:728px;
        }
        .different .row {
            width:945px;
            height:728px;
            margin:0 auto;
        }
        .different .row .title{
            width:100%;
            height:188px;
            padding-top:92px;
            text-align: center;
        }
        .different .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .different .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .different .row .contents{
            width:100%;
            height:448px;
        }
        .different .row .contents div{
            width:400px;
            height:314px;
            border-radius:10px;
            border:1px solid #e4e4e4;
            background: url(radius.png) no-repeat -83px -66px;
            position:relative;
            padding-top:46px;
        }
        .different .row .contents .left{
            float:left;
        }
        .different .row .contents .right{
            float:right;
        }
        .different .row .contents div h5{
            width:202px;
            height:36px;
            background: #e20b2a;
            color:#fff;
            position:absolute;
            left:99px;
            top:-30px;
            border-radius:10px;
            border-left:none;
            line-height:36px;
            font-size:20px;
            text-align: center;
        }
        .different .row .contents div p{
            width:306px;
            font-size:18px;
            color:#787878;
            line-height:36px;
            margin:0 auto;
        }


        /*精准帮扶*/
        .support{
            width:100%;
            height:725px;
            background: url(helpBG2.png) no-repeat 0 0;
        }
        .support .row{
            width:1200px;
            height:100%;
            margin:0 auto;
        }
        .support .row .title{
            width:100%;
            height:130px;
            padding-top:66px;
            text-align: center;
        }
        .support .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
            color:#fff;
        }
        .support .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background:none;
            color:#fff;
        }
        .support .row .article{
            width:100%;
            height:133px;
        }
        .support .row .article p{
            color:#fff;
            font-size:16px;
            text-align: center;
        }
        .support .row .contents{
            width:1200px;
            height:344px;
            background-color: #fff;
            padding-top:52px;
        }
        .support .row .contents .wrapper{
            width:1016px;
            height:342px;
            margin:0 auto;
        }
        .support .row .contents .wrapper div{
            width:235px;
            height:100%;
            float:left;
            background-color: #f2f2f2;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            margin-right:25px;
        }
        .support .row .contents .wrapper div img{
            display:block;
            margin-bottom:20px;
        }
        .support .row .contents .wrapper .last{
            margin-right:0;
        }
        .support .row .contents .wrapper div p{
            font-size:18px;
            text-align: center;
        }


        /*创业帮扶，成绩显著*/
        .record{
            width:100%;
            height:724px;
        }
        .record .row{
            width:1006px;
            height:100%;
            margin:0 auto;
        }
        .record .row .title{
            width:100%;
            height:108px;
            padding-top:118px;
            text-align: center;
        }
        .record .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .record .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .record .row .middle{
            width:100%;
            height:118px;
            padding-top:28px;
        }
        .record .row .middle p{
            font-size:16px;
            color:#828282;
            margin-bottom:30px;
            text-align: center;
        }
        .record .row .middle img{
            display:block;
            margin:0 auto;
        }

        .record .row .contents {
            width:100%;
            height:352px;
        }
        .record .row .contents div h4{
            background: none;
            border-left:none;
            font-size:20px;
            margin:0;
            text-align: center;
        }
        .record .row .contents .left{
            float:left;
            width:484px;
            height:270px;
            background-color: #f2f2f2;
            padding-top:30px;
        }
        .record .row .contents .left img{
            display:block;
            margin:0 auto;
            margin-bottom:27px;
        }
        .record .row .contents .left div{
            width:134px;
            height:22px;
            margin:0 auto;
        }
        .record .row .contents .left div span{
            display:block;
            width:64px;
            height:1px;
            background: #aeaeae;
            float:left;
            margin-top:10px;
        }
        .record .row .contents .left div i{
            display:block;
            width:4px;
            height:4px;
            border-radius:50%;
            background-color: #aeaeae;
            float:left;
            margin-top:9px;
        }
        .record .row .contents .left p{
            width:330px;
            text-align: center;
            font-size:16px;
            line-height:30px;
            color:#7e7e7e;
            margin:0 auto;
        }

        .record .row .contents .right{
            float:right;
            width:484px;
            height:272px;
            background-color: #f2f2f2;
            padding-top:28px;
        }
        .record .row .contents .right img{
            display:block;
            margin:0 auto;
            margin-bottom:31px;
        }
        .record .row .contents .right div{
            width:134px;
            height:22px;
            margin:0 auto;
        }
        .record .row .contents .right div span{
            display:block;
            width:64px;
            height:1px;
            background: #aeaeae;
            float:left;
            margin-top:10px;
        }
        .record .row .contents .right div i{
            display:block;
            width:4px;
            height:4px;
            border-radius:50%;
            background-color: #aeaeae;
            float:left;
            margin-top:9px;
        }
        .record .row .contents .right p{
            width:345px;
            text-align: center;
            font-size:16px;
            color:#7e7e7e;
            line-height:30px;
            margin:0 auto;
        }
    </style>
</head>
<body>

<%--焦点图--%>
<div class="banner">
    <img src="banner4.png">
</div>

<%--different--%>
<div class="different">
    <div class="row">
        <div class="title">
            <h2>DIFFERENT</h2>
            <h4>我的想法与众不同</h4>
        </div>
        <div class="contents">
            <div class="left">
                <h5>传统电商教学模式</h5>
                <p>随着电子商务行业的迅速发展，人才匮乏已经成为行业的一大痛点，同时个人对电商知识的渴求也与日俱增。但目前很多电商培训只限于理论知识和基础框架的课堂讲解，学员很难做到学以致用，而且大部分学员培训之后找不到合适自己的货源和创业渠道，创业想法无法实现。</p>
            </div>
            <div class="right">
                <h5>雅泰电商创新帮扶模式</h5>
                <p>为了将培训效果发挥到最大化，让学员充分掌握所学知识，同时为了给学员后续的创业提供货源和平台服务，雅泰电商学院创立了“线下授课+线上直播+电商平台”的电商创业帮扶模式，这一“线上+线下、培训+创业”的创新模式将极大的改善传统培训模式的不足。</p>
            </div>
        </div>
    </div>
</div>


<%--精准帮扶--%>
<div class="support">
    <div class="row">
        <div class="title">
            <h2>SUPPORT</h2>
            <h4>精准帮扶</h4>
        </div>
        <div class="article">
            <p class="p1">雅泰电商学院针对残疾人士、返乡创业青年、退伍军人、创业大学生等社会各个阶层人士提供专业有针对性的课程，</p>
            <p class="p2">同时，还为学院提供了上千种厂家优质货源，并且还提供了专业的课后线上直播课程和结业后实战中的专业讲师指导等。</p>
            <p class="p3">为学员提供了一条龙的电商培训创业服务，真正做到“扶上马、送一程”。</p>
        </div>
        <div class="contents">
            <div class="wrapper">
                <div>
                    <img src="help1.jpg"/>
                    <p>残疾人士</p>
                </div>
                <div>
                    <img src="help2.jpg"/>
                    <p>返乡创业青年</p>
                </div>
                <div>
                    <img src="help3.jpg"/>
                    <p>退伍军人</p>
                </div>
                <div class="last">
                    <img src="help4.jpg"/>
                    <p>创业大学生</p>
                </div>
            </div>

        </div>
    </div>
</div>


<%--创业帮扶，成绩显著--%>
<div class="record">
    <div class="row">
        <div class="title">
            <h2>GOOD RECORD</h2>
            <h4>创业帮扶，成绩显著</h4>
        </div>
        <div class="middle">
            <p>帮扶模式一经推出便获得了学员的青睐和好评，目前一经累计帮扶学员1000余名，盈利能力超过80%</p>
            <img src="bottom.png"/>
        </div>
        <div class="contents">
            <div class="left">
                <img src="record1.png"/>
                <h4>线下培训</h4>
                <div>
                    <span></span>
                    <i></i>
                    <span></span>
                </div>
                <p>自2016年8月底开设线下培训至今合计30余场，培训地域包括沧州四区及下面各个县市、乡镇，累计培训人数超过万人。</p>
            </div>
            <div class="right">
                <img src="record2.png"/>
                <h4>YY平台培训</h4>
                <div>
                    <span></span>
                    <i></i>
                    <span></span>
                </div>
                <p>为了让学员能够持续性学习，给予他们更多专业指导，2017年8月开始，雅泰学院开设了线上YY平台培训，至今已经成功开班十余场。</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
